<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script type="text/javascript" src="jquery.imagemapster.js"></script>

<STYLE TYPE="text/css">

p, div {
 font-family: Arial, Helvetica, Sans Serif;
 font-size: 12px;
 font-weight: normal;
}
</STYLE>
</head>

<body >


<div id="veg_demo" style="width:640px; margin: auto;" align="center">
	<img id="veg" src="bandovietnamBB1.png" usemap="#veg" >
	</div>
    <div style="clear:both; height:8px;"></div>
    <div id="selections" style="clear:both;" align="center"></div>
</div>

<script type="text/javascript">
$(document).ready(function () {
	   var image = $('img');
	   var xref = {
	   		laocai: "<b>Lào cai</b> là ..........",
			yenbai: "<b>Yên Bái</b> là ..........",
			laichau: "<b>Lai Châu</b> là..........",
			dienbien: "<b>Điện biên</b> là..........",
			sonla: "<b>Sơn La</b> là..........",
			hoabinh: "<b>Hòa Bình</b> là.........."
	   };

	   image.mapster(
       {
       		fillOpacity: 0.4,
       		fillColor: "5F5F5F",
       		strokeColor: "FFFFFF",
       		strokeOpacity: 0.8,
       		strokeWidth: 4,
      		stroke: true,
            isSelectable: false,
			singleSelect: false,
            mapKey: 'name',
            listKey: 'name',
            onMouseover: function (e) {
                $('#selections').html(xref[e.key]);
			},
            showToolTip: false
        });
      });
      </script>
	<map id="veg_map" name="veg">
		  <area shape="poly" name="laocai" coords="331,160,327,141,322,135,314,122,306,108,298,104,299,92,292,85,285,85,271,85,261,71,264,63,262,56,262,51,258,46,263,39,263,22,272,11,281,14,283,19,289,21,295,30,301,36,305,44,312,48,325,59,338,64,345,56,344,44,347,36,347,25,354,14,363,7,366,6,386,1,390,5,391,20,400,24,402,31,409,33,415,33,419,43,424,47,422,53,417,54,417,62,420,66,425,71,422,76,427,84,440,89,440,96,443,101,443,107,440,110,441,115,447,116,447,122,453,124,452,129,447,134,443,143,434,140,424,133,419,127,412,131,413,137,412,146,411,154,417,163,417,177,410,184,406,189,400,183,394,178,385,176,381,176,380,176,379,183,363,185,359,181,350,182,339,179,338,175,330,175,327,169,331,167,330,160" href="#" >
          <area shape="poly" name="yenbai"  coords="473,127,478,131,484,131,492,130,494,128,495,136,497,145,502,149,508,153,513,157,520,156,522,162,520,169,520,174,520,179,526,186,529,189,529,193,536,198,536,204,532,213,535,219,536,225,536,228,529,228,526,225,523,229,518,231,511,233,505,236,501,242,501,250,494,253,503,268,503,275,498,283,502,291,494,290,487,295,476,291,472,282,469,281,462,284,455,284,454,278,449,278,444,278,441,280,435,280,429,287,424,290,415,291,415,286,411,284,404,282,401,281,396,278,393,273,389,265,391,257,390,252,391,248,397,240,400,235,393,233,386,231,377,231,374,231,370,232,357,232,351,232,338,228,329,228,323,224,319,218,325,211,329,209,321,196,318,187,319,177,333,172,345,180,356,182,364,184,375,184,380,175,390,176,397,182,406,188,418,177,417,165,411,155,411,146,412,133,417,128,423,131,430,138,440,145,445,140,448,133,451,129,451,121,445,119,448,113,451,110,460,109,463,112,468,113,470,116,470,128,471,129" href="#">
          <area shape="poly" name="laichau"  coords="217,131,224,132,230,135,230,142,233,149,239,155,239,161,243,167,248,169,249,163,254,160,265,163,272,163,277,169,285,182,290,190,289,202,295,204,299,210,303,215,309,217,314,228,323,226,320,221,327,211,322,197,320,181,327,176,328,168,330,157,327,141,316,126,309,109,299,102,298,91,288,86,276,85,270,84,260,69,264,61,259,52,250,44,244,40,237,30,239,22,237,14,225,7,217,4,216,9,212,18,208,29,201,36,193,37,190,40,188,46,189,52,188,58,181,61,171,62,171,69,171,77,160,77,154,67,144,67,131,45,123,41,115,37,110,31,101,29,100,24,93,25,89,18,85,17,82,19,81,23,76,22,64,11,59,12,56,18,53,25,45,28,48,35,45,41,42,45,38,47,34,51,33,53,41,63,47,70,46,81,58,91,68,111,78,112,86,115,88,124,99,129,98,121,98,113,104,115,111,121,109,127,109,132,114,141,117,146,123,148,134,148,142,145,146,153,153,157,157,153,164,152,171,151,175,144,181,148,186,148,190,148,198,150,208,154,209,144,212,140,218,130" href="#">
          <area shape="poly" name="dienbien"  coords="223,288,217,279,219,274,234,275,238,267,240,260,245,255,250,255,252,251,252,245,258,240,256,236,258,229,262,227,265,225,261,218,257,208,256,201,251,191,247,187,246,179,249,170,244,168,238,160,237,154,231,149,229,137,228,133,222,131,219,131,215,135,213,139,209,145,208,153,199,149,190,148,182,147,175,144,172,147,168,150,163,151,156,155,150,155,147,151,143,145,138,145,130,147,120,143,111,139,108,131,111,123,98,112,98,121,97,128,87,125,87,115,74,112,68,110,59,92,48,84,46,80,46,70,40,62,34,53,26,62,20,67,22,76,9,75,1,80,5,89,10,101,21,115,26,118,27,118,34,123,43,130,44,138,54,139,55,145,58,150,67,153,62,160,81,178,87,182,87,188,92,191,92,199,91,209,92,216,99,229,106,229,118,218,122,213,122,198,125,190,129,199,129,210,131,219,137,218,145,216,149,213,153,218,154,235,153,244,132,268,133,278,142,270,139,281,135,287,135,293,136,294,132,298,122,306,126,308,135,311,136,318,135,328,143,332,148,343,152,346,161,348,165,358,170,369,171,375,195,381,202,380,204,373,208,368,206,362,209,358,204,352,205,345,209,343,214,343,221,346,231,346,227,337,231,330,235,319,235,306,231,300,223,295,221,289" href="#">
          <area shape="poly" name="sonla"  coords="313,388,321,381,331,382,339,382,347,378,348,371,358,367,364,372,372,371,373,374,380,374,383,380,390,377,396,383,399,390,415,401,424,405,426,411,431,421,439,419,445,421,447,428,452,427,457,430,462,437,468,441,470,446,483,445,486,438,497,431,495,427,493,413,500,410,513,413,521,415,522,410,528,402,523,401,523,390,514,378,501,360,495,349,506,343,498,334,497,319,495,302,487,295,476,288,472,282,460,285,455,285,454,280,444,281,434,284,424,292,416,291,411,287,395,275,391,265,392,251,398,240,398,235,387,233,376,233,360,234,348,234,341,230,331,230,325,226,315,230,306,219,296,209,293,203,288,196,289,189,277,171,273,165,263,162,255,159,251,164,250,169,247,178,247,184,255,197,263,219,266,227,260,230,256,237,256,240,253,244,252,253,251,256,246,256,241,260,240,267,236,275,224,276,218,276,218,278,220,283,224,287,221,293,228,299,231,301,234,309,233,319,231,325,229,333,229,337,231,343,224,347,213,344,206,344,203,350,204,354,207,358,206,365,208,369,206,373,204,377,197,382,195,388,198,393,206,395,218,398,224,405,236,396,245,406,248,412,263,412,266,415,274,421,280,429,286,429,288,419,289,417,296,417,297,406,299,399,303,391,311,391,313,389" href="#">
          <area shape="poly" name="hoabinh"  coords="573,475,565,459,559,459,553,457,546,449,537,446,525,449,518,447,518,437,505,429,497,429,495,413,503,412,515,412,522,416,527,406,524,402,523,389,510,371,502,357,498,351,506,345,511,350,516,352,528,356,531,360,539,366,543,372,546,376,560,371,560,379,564,373,576,374,578,377,588,375,585,362,597,360,609,360,619,364,619,374,619,379,624,376,632,379,628,384,632,388,630,396,631,400,636,395,641,395,643,408,646,421,648,433,652,439,660,442,667,450,675,458,679,467,683,474,675,476,670,471,667,471,663,477,664,487,657,478,653,478,653,483,655,491,654,497,645,497,637,490,635,489,626,489,618,487,608,485,596,486,588,480,573,474" href="/bandovietnam_bacbo1/hoa-binh.html#details">
    </map>


<body>